<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        ul{
            list-style-type:square;
            /* 
                disc 实心圆
                circle 空心圆
                square 实心正方形
            */
            /* list-style-image: url(图片/1.png); */
        }
        .li1{
                list-style-image: url(图片/1.png);
            }

            .li2{
                list-style-image: url(图片/2.png);
            }

            .li3{
                list-style-image: url(图片/3.png);
            }
            li{
                border: 1px solid red;
                list-style-position: inside;
            }

            .box{
                list-style: none url(图片/1.png) inside;
                /* 复合属性 */
            }
    </style>
</head>
<body>
    <ul>
        <li class="li1">111</li>
        <li class="li2">222</li>
        <li class="li3">333</li>
    </ul>

    <ul class="box">
        <li>444</li>
        <li>555</li>
        <li>666</li>
    </ul>
</body>
</html>